<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title data-color="#f8f8f9">立即结算</title>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <!--引入swipper.css-->
    <link rel="stylesheet" href="../lib/swiper/swiper-3.3.1.min.css">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="../lib/weui/weui.css">
    <link rel="stylesheet" href="../lib/weui/jquery-weui.css">
    <!--引入ydui.css-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入jquery-->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入city.js-->
    <script src="../lib/ydui/ydui.citys.js"></script>
    <!--引入Vue-->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="../lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="../lib/template/handlebars-v4.0.5.js"></script>
    <!--引入Swiper.js-->
    <script src="../lib/swiper/swiper-3.3.1.min.js"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="../lib/common/common.js"></script>



    <!--引用的高德地图key值-->
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=4a509f214a062896bf59750c168d8495&plugin=AMap.Geocoder"></script>
    <!--<script type="text/javascript" src="http://cache.amap.com/lbs/static/PlaceSearchRender.js"></script>-->
    <!--正向地理编码-->
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/pay/address.css">
    <link rel="stylesheet" href="../css/pay/groups_pay.css">
    <link rel="stylesheet" href="../css/pay/pay.css">
    <link rel="stylesheet" href="../css/pay/myAddress.css"/>
    <link rel="stylesheet" href="../css/pay/goodsPay.css">
</head>
<body>
<div class="pay" id="payEle">
    <div id="coordinates"></div>
    <div id="tip">

        <span id="result"></span>
    </div>
    <div class="payContent" style="display: block">
        <!--收货地址-->
        <div class="address-buy">
            <div class="address-box">
                <!--收货地址为空时-->
                <div class="null-address-box clearfix" style="display: block">
                    <a href="javascript:;" onclick="openChildPage(1)">
                        <div>
                            <img class="icon"  src="../images/pay/zuobiao@2x.png" alt="">
                            <label>还没有收货地址，<span>点击添加</span></label>
                        </div>
                        <div class="add"></div>
                    </a>
                    <div class="hr"></div>
                </div>
                <!--收货地址不为空时-->
                <div class="exist-address-box" style="display:none">
                    <a href="javascript:;" onclick="openChildPage(1)">
                        <div class="left"><img src="../images/pay/zuobiao@2x.png"></div>
                        <div class="cen">
                            <div class="name clearfix">
                                <label class="default-linkMan">{{addressObj.linkMan}}</label>
                                <span class="identity-status default-identity-status" v-bind:class="{'active':addressObj.idNumber!=''}"></span>
                                <span class="r default-mobile">{{addressObj.mobile}}</span>
                            </div>
                            <div class="address-1">
                                <span class="default-address-con">{{addressObj.province}}{{addressObj.city}}{{addressObj.area}}{{addressObj.address}}</span>
                            </div>
                        </div>
                        <div class="right"></div>
                    </a>
                    <div class="hr"></div>
                </div>
            </div>
        </div>
        <!--/收货地址-->
        <!--商品-->
        <img src="../images/pay/fengetiao@2x.png" alt="" class="line">
        <div class="weui-hr10" style="background: #f0f0f0;height: 7px;"></div>
        <ul class="shop-goods-warp">
            <li class="shop-goods-row" v-for="(item,index) in payData" :key="index">
                <div class="store-info">
                    <!--<img v-bind:src="item.logoPath" onerror="$.imgDef()">-->
                    <img v-bind:src="item.logoPath">
                    <span>{{item.storeName}}</span>
                </div>
                <p style="height: 4px;background: #ffffff"></p>
                <div class="shop-head-con" v-for="(ele,ind) in item.goodsSimpleVoList">
                    <div class="imgs">
                        <!--<img v-bind:src="ele.navigateImg1" onerror="$.imgDef()" alt="">-->
                        <img v-bind:src="ele.navigateImg1"  alt="">
                    </div>
                    <div class="shop-head-text">
                        <h4>{{ele.goodName}}</h4>
                        <p class="select"><label>{{ele.specName}}</label></p>
                        <p class="add-price clearFix">
                            <label>￥<span class="add-shop-price">{{ele.salePrice}}</span></label>
                            <span class="addnum">X{{ele.quantity}}</span>
                        </p>
                    </div>
                </div>
                <div class="cl-info-href delivery-way" v-show="!addressNull" v-on:click="openDeliveryWay(item,index)">
                    <a href="javascript:;" >
                        <div class="left">
                            <div>
                                <span>配送方式</span>
                                <span class="fr free-freight">{{item.deliveryWayName}}</span>
                            </div>
                            <div>

                                <span v-for="v in item.deliveryWayList">
                                    <b v-if="v==3">快递送</b>
                                    <b v-if="v==2">到店取</b>
                                    <b v-if="v==1">及时送</b>
                                </span>

                                <span class="fr freight">&yen;{{item.freightPrice}}</span>
                                <!--<span class="fr freight">&yen;{{freight}}</span>-->
                            </div>
                        </div>





                        <div class="right"></div>
                    </a>
                </div>
            </li>
        </ul>
        <!--/商品-->
        <!--其他备注信息-->
        <div class="clearing-text">
            <div class="cl-info-href border-bm" onclick="openChildPage(3)">
                <a href="javascript:;">
                    <div class="left">
                        <span>优惠券</span>
                        <span class="fr quan" v-bind:class="{'active':CouponObj.CouponYesNo==true}">{{CouponObj.userCouponText}}</span>
                    </div>
                    <div class="right"></div>
                </a>
            </div>
            <div class="cl-info-href border-bm">
                <a href="javascript:;">
                    <div class="left">
                        <span>现金币</span>
                        <span class="fr quan" v-show="cashObj.cashYesNo">使用{{cashObj.cash}}现金币抵扣{{cashObj.cashMoney}}元</span>
                        <span class="fr quan" v-show="!cashObj.cashYesNo">无现金币可用</span>
                    </div>
                    <div class="coash">
                        <input class="pay-way-radio cashRadio" type="checkbox" value="4"
                               onclick="setCashFun()">
                    </div>
                </a>
            </div>
            <!--买家留言-->
            <div class="cl-info-href border-bm">
                <a href="javascript:;">
                    <div class="left flex">
                        <span>买家留言</span>
                        <span class="note">
                            <input v-model="userMessage" type="text" placeholder="选填，对本次交易的说明，不超过200字,选填，对本次交易的说明，不超过200字">
                        </span>
                    </div>
                </a>
            </div>
            <!--发票-->
            <div class="cl-info-href border-bm invoice" onclick="openChildPage(4)">
                <a href="javascript:;">
                    <div class="left">
                        <span>发票</span>
                        <span class="fr quan">{{invoiceText}}</span>
                    </div>
                    <div class="right"></div>
                </a>
            </div>
        </div>
        <div style="height: 7px;background: #f8f8f7;border-bottom:1px solid #f8f8f7;"></div>
        <!--/其他备注信息-->
        <!--支付方式-->
        <div class="pay-way">
            <!--<h3>支付方式</h3>-->
            <div class="pay-way-warp">

                <div class="rows-pay-way clearfix"
                     v-for="(item,index) in payTypeList"
                     v-show="item.status==1"
                     v-on:click="setPayWay(item)"
                     v-bind:class="{'border-t':index>0}">

                    <div class="radio-content flex">
                        <img :src="item.picturePath">
                        <div class="radio-content-div payType">
                            <p class="text">{{item.payName}} <span v-show="item.isRecommend==1">推荐</span></p>
                            <p class="small">{{item.payDescription}}</p>
                        </div>
                    </div>
                    <div class="radio-right">
                        <input class="pay-way-radio" v-bind:class="{'active':payWay}" type="radio" name="radio-pay-way" value="4">
                    </div>
                </div>
            </div>
            <div class="pay-info-hint">请仔细核对以上订单信息，提交后将无法修改</div>
        </div>
        <!--/支付方式-->
        <!--结算价格-->
        <div style="width: 100%;height: 56px;"></div>
        <div style="display: block" class="sc-submit-order submit-btn-box">
            <div class="sc-flex">
                <div class="sc-real-pay fl">
                    <span>实需支付：</span>
                    <span>￥</span>
                    <span class="need-pay-price">{{saleTotal}}</span>
                </div>
                <div class="sc-fixed fr" onclick="addOrderObjectPara()" >
                    <a href="javascript:;" class="sc-submit">立即结算</a>
                </div>
            </div>
        </div>
        <!--/结算价格-->
    </div>

    <!--选择配送方式-->
    <div class="choose-delivery " style="display: none;" id="deliveryApp">
        <div class="home-top">
            <header class="m-navbar demo-small-pitch">
                <a href="javascript:;" class="navbar-item" onclick="returnPayPage(2)"><img class="back" src="../images/pay/map_return.png"/></a>
                <div class="navbar-center"><span class="navbar-title top-color">选择配送方式</span></div>
                <a href="javascript:;" class="navbar-item"></a>
            </header>
        </div>
        <div class="bgHei"></div>

        <div class="pay-way-warp">
            <div v-for="(item,index) in deliveryData">

                <div class="rows-pay-way clearfix" v-on:click="setDeliveryWay(item)">
                    <div class="radio-content flex">
                        <img :src="item.img">
                        <div class="radio-content-div">
                            <p class="text">{{item.deliveryWayName}}</p>
                            <p class="small">{{item.timeRange}}</p>
                        </div>
                    </div>
                    <div class="radio-right">
                        <span v-if="item.deliverWayId==3">快递费: <b v-if="item.deliveryWayPrice>0">{{item.deliveryWayPrice}}元</b>   <b v-if="item.deliveryWayPrice==0">包邮</b>
                        </span>
                        <span v-if="item.deliverWayId==1">配送费: <b>{{item.deliveryWayPrice}}元</b></span>
                        <input class="pay-way-radio"
                               v-bind:class="{'active':item.seled}"
                               type="radio" name="radio-pay-way" value="4">
                    </div>
                </div>
                <div style="height: 7px;background: #EEEEEE" v-show="index!==deliveryData.length-1"></div>

            </div>
            <div class="claim-goods">
                <div class="address-map" style="display: block;" v-show='mapShow'>

                    <!--特别注意这点不能循环   所以v-for在下面使用-->
                    <div id="map_container" class="ad-map" style="width: 100%;height: 5.01333rem;background: bisque">
                    </div>
                    <div class="address-text"  v-for="(item,index) in deliveryData" v-if="item.deliverWayId==2">
                        <p class="p1">{{item.address}}</p>
                        <p class="p2">
                            <!--<a v-bind:href="tel:storeDelivery.tel"></a>-->
                            {{item.tel}}
                        </p>
                    </div>
                    <div class="positionIcon"></div>
                </div>
                <div class="exchange-store"  v-for="(item,index) in deliveryData" v-if="item.deliverWayId==2&&item.isOpen"><a href="javascript:;">取货时间: {{item.installBeginTime}}-{{item.installEndTime}}</a></div>
            </div>
        </div>
    </div>
    <!--选择配送方式-->

    <!--选择收货地址-->
    <div class="address" style="display: none">

        <!--地址列表-->
        <div class="myAddress-wrap " style="display: block"  id="myAddress">
            <div class="home-top">
                <header class="m-navbar demo-small-pitch">
                    <a href="javascript:;" class="navbar-item" onclick="returnPayPage(1)">
                        <img class="back" src="../images/pay/map_return.png"/></a>
                    <div class="navbar-center"><span class="navbar-title top-color">选择收货地址</span></div>
                    <a href="javascript:;" class="navbar-item"></a>
                </header>
            </div>
            <div class="bgHei" ></div>
            <div class="addreddbg" style="display: none">
                <img src="../images/pay/erro_shouhuodizhi@2x.png" alt="">
                <p>您还没有收货地址，快去添加吧~</p>
            </div>
            <div class="address-all" v-for="(item,index) in addressList" >
                <div>
                    <div class="address-tex">
                        <div class="address-detail" v-on:click="setUserAddress(item)">
                            <div class="address-info"><span>{{item.linkMan}}</span>
                                <span class="identity-status" v-bind:class="{'active':item.idNumber!=''}"></span>
                                <label>{{item.mobile}}</label></div>
                            <p><span>{{item.province}}{{item.city}}{{item.area}}{{item.address}}</span></p>
                        </div>
                        <div class="btn-edit clearFix">
                            <div class="btn-edit-left clearFix">
                                <a href="javascript:;">
                                    <p class="icon" v-bind:class="{'active':item.isDefault==1}"></p>
                                    <p class="text">默认地址</p>
                                </a>
                            </div>
                            <div class="btn-edit-left btn-edit-right clearFix">
                                <a href="javascript:;" v-on:click="editAddressFun(item)">
                                    <p class="icon edit"></p>
                                    <p class="text editText" >编辑</p>
                                </a>
                                <a href="javascript:;" v-on:click="delAddressFun(item)">
                                    <p class="icon del"></p>
                                    <p class="text">删除</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/地址列表-->
        <!--添加 编辑地址-->
        <div class="address-add back-show" style="display: none">
            <div class="home-top">
                <header class="m-navbar demo-small-pitch">
                    <a href="javascript:;" class="navbar-item" onclick="reAddressPage()"><img class="back" src="../images/pay/map_return.png"/></a>
                    <div class="navbar-center"><span class="navbar-title top-color addressName">修改地址</span></div>
                    <a href="javascript:;" class="navbar-item"></a>
                </header>
            </div>
            <div class="bgHei"></div>

            <div class="address-text-group">
                <div class="text-box">
                    <div class="left">收货人：</div>
                    <div class="right">
                        <input v-model="editAddress.linkMan" class="address-text-control address-text-name" type="text" value="" placeholder="" >
                    </div>
                </div>
            </div>
            <div class="address-text-group">
                <div class="text-box">
                    <div class="left">手机号码：</div>
                    <div class="right">
                        <input v-model="editAddress.mobile" class="address-text-control address-text-phone" type="text" value="" placeholder="" >
                    </div>
                </div>
            </div>
            <div class="m-cell">
                <div class="cell-item">
                    <div class="cell-left">省/市/区：</div>
                    <div class="cell-right cell-arrow">
                        <!--<input v-model="editAddress.addressInf" type="text" class="cell-input" readonly="" id="my_Address" placeholder="" >-->
                        <input type="text"   style="width:7rem;height:100%;font-size:0.4rem" id="my_Address" v-model="editAddress.addressInf" readonly=""/>
                    </div>
                </div>
            </div>

            <div class="address-text-group" id="my_inf">
                <div class="text-box">
                    <div class="left">详细地址：</div>
                    <div class="right">
                        <input v-model="editAddress.address" class="address-text-control address-text-detail"  type="text" value="" placeholder="" >
                    </div>
                </div>
            </div>
            <div class="address-text-group identity">
                <div class="idNumber">
                    <div class="idNumber-tex">
                        身份证号<span>（海淘商品必填）</span>
                        <i style="display: none;">请输入有效身份证号码</i>
                    </div>
                    <div class="idNumber-input">
                        <input v-model="editAddress.idNumber" class="address-text-control address-text-identity" type="text" value="" placeholder="请填写15位或18位有效身份证号码">
                    </div>
                    <p class="idNumber-tips"><img src="../images/pay/tips.png"/>海关要求购买跨境商品需提供实名信息，请仔细填写</p>
                </div>
            </div>
            <div class="hr8"></div>
            <div class="m-cell">
                <label class="cell-item">
                    <span class="cell-left">设为默认地址</span>
                    <label class="cell-right">
                        <input type="checkbox" class="m-switch" @click="setDefaultFun()">
                    </label>
                </label>
            </div>
            <div class="address-add-btn-box">
                <input class="address-add-btn" type="button" value="保存" data-type="1" onclick="editFun(1)">
            </div>
        </div>
        <div class="addressBtn seleAddress"  onclick="setNewAddress()">
            <a href="javascript:;">添加收货地址</a>
        </div>
        <!--/添加 编辑地址-->
    </div>
    <!--/选择收货地址-->

    <!--选择优惠券-->
    <div class="payCoupon" style="display: none">
        <div class="home-top"  >
            <header class="m-navbar demo-small-pitch">
                <a href="javascript:;" class="navbar-item" onclick="returnPayPage(3)"><img class="back" src="../images/pay/map_return.png"/></a>
                <div class="navbar-center"><span class="navbar-title top-color">使用优惠券</span></div>
                <a href="javascript:;" class="navbar-item"></a>
            </header>
        </div>
        <div class="bgHei"  ></div>

        <ul class="myCoupons-rows">
            <li class="" v-for="(item,index) in CouponData">
                <a href="javascript:;">
                    <div class="top">{{item.promotionDetailName}}可用</div>
                    <div class="con">
                        <div class="left">
                            <label>{{item.amountMoney}}</label>
                            <span>{{item.text}}</span>
                            <span class="name">[满{{item.limited}}元使用]</span>
                            <p>有效期至{{item.expirationTime}}</p>
                        </div>
                        <div class="right" v-on:click="setCoupon(item)">
                            <span v-show="item.promotionDetailId!=CouponObj.promotionDetailId">立即使用</span>
                            <span class="active" v-show="item.promotionDetailId==CouponObj.promotionDetailId">正在使用</span>
                            <!--<img v-show="item.promotionDetailId!=CouponObj.promotionDetailId"-->
                            <!--src="../images/myCoupons/jiantou@2x.png">-->
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <div class="addressBtn CouponBtn" onclick="noUserFun()">
            <a href="javascript:;">不使用优惠券</a>
        </div>
    </div>
    <!--/选择优惠券-->
    <!--发票-->
    <div class="payReceipt pay-way" style="display: none">
        <div class="home-top">
            <header class="m-navbar demo-small-pitch">
                <a href="javascript:;" class="navbar-item" onclick="returnPayPage(4)"><img class="back" src="../images/pay/map_return.png"/></a>
                <div class="navbar-center"><span class="navbar-title top-color">发票</span></div>
                <a href="javascript:;" class="navbar-item"></a>
            </header>
        </div>
        <div class="bgHei"></div>

        <div class="pay-way-warp">
            <div class="rows-pay-way clearfix" onclick="setInvoiceIFun(0)">
                <div class="radio-content flex">
                    <!--<p>{{invoiceText}}</p>-->
                    <p>不开发票</p>
                </div>
                <div class="radio-right">
                    <input class="pay-way-radio"
                           v-bind:class="{'active':invoiceType==0}"
                           type="radio" name="radio-pay-way" value="4">
                </div>
            </div>
            <div class="rows-pay-way border-t clearfix" onclick="setInvoiceIFun(1)">
                <div class="radio-content flex">
                    <p>个人</p>
                </div>
                <div class="radio-right">
                    <input class="pay-way-radio"
                           v-bind:class="{'active':invoiceType==1}"
                           type="radio" name="radio-pay-way" value="4">
                </div>
            </div>
            <div class="rows-pay-way border-t clearfix" onclick="setInvoiceIFun(2)">
                <div class="radio-content flex">
                    <p>公司</p>
                </div>
                <div class="radio-right">
                    <input class="pay-way-radio"
                           v-bind:class="{'active':invoiceType==2}"
                           type="radio" name="radio-pay-way" value="4">
                </div>
            </div>
            <div class="companyInp" >
                <input type="text" class="company" placeholder="请填写发票抬头" v-model="invoiceObj.text" v-if=" invoiceType==1||invoiceType==2">
                <input type="text" class="company" placeholder="请填写公司税号" v-model="invoiceObj.taxNumber" v-if="invoiceType==2">
            </div>
        </div>

        <div class="payReceiptBtn">
            <a href="javascript:;" onclick="returnPayPage(4)">确定</a>
        </div>
    </div>
    <!--/发票-->
    <div id="fullbg"></div>
    <div class="destination" id="dialog">
        <div class="destinatioWrap">
            <div class="title"><span>所在地区</span></div>
            <div class="usersAddress">
                <ul>
                    <li v-bind:class="{clicked:selected==1}" onclick="getSelected(1)">{{proName}}</li>
                    <li v-bind:class="{clicked:selected==2}" v-if="proName!='请选择'"  onclick="getSelected(2)">{{cityName}}</li>
                    <li v-bind:class="{clicked:selected==3}" v-if="cityName!='请选择'" onclick="getSelected(3)">{{areaName}}</li>
                </ul>

            </div>
            <div class="desContent">
                <!--省-->
                <div class="provance left">
                    <ul>
                        <li v-for="(value,index) in addressInfo_list" @click="getCitys(value,index)" v-bind:class="{red:proSelected==index}">
                            {{value.proName}}
                            <i  style="float:right"  v-if="proSelected==index" class="icon-checkoff"></i>
                        </li>
                    </ul>
                </div>
                <!--市-->
                <div class="city left">
                    <li v-for="(value,index) in citysList" @click="getAreas(value,index)" v-bind:class="{red:citySelected==index}">
                        {{value.cityName}}<i style="float:right"  class="icon-checkoff" v-if="citySelected==index"></i>
                    </li>
                </div>
                <!--区-->

                <div class="area left">
                    <li v-for="(value,index) in areasList" @click="closeDestination(value,index)">
                        {{value.areaName}}
                        <i style="float:right"  class="icon-checkoff" v-if="areaSelected==index"></i>
                    </li>
                    <!--</div>-->
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--登录已过期-->
<div class="again-access-token">
    <img class="img" src="../images/system_error.png">
    <p>登录信息已过期，请重新登录</p>
    <div class="btn">
        <a href="javascript:;" class="weui_btn weui_btn_primary" onclick="againAccessToken()">重新登录</a>
    </div>
</div>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/pay/goodspay.js"></script>
</body>
</html>
